<template>
	<view class="setting">
		<view class="top">
			<view class="top-l">
				<text>ID: 15330623</text>
				<text>推荐人ID：15330623</text>
			</view>
			<view class="top-r">
				<image src="" mode=""></image>
			</view>
		</view>
		<view class="block1">
			<view class="block1-item">
				<text class="block1-l">微信号</text>
				<text class="block1-r">zjzpfei123</text>
			</view>
			<view class="block1-item">
				<text class="block1-l">手机号</text>
				<text class="block1-r">未绑定</text>
			</view>
		</view>
		<view class="block1">
			<view class="block1-item">
				<text class="block1-l">实名信息</text>
				<text class="block1-r">未认证</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style>
	.setting {
		width: 100%;
		height: 100%;
		position: absolute;
		background-color: #f3f3f3;
		font-size: 26upx;
	}
	.top {
		width: 100%;
		height: 240upx;
		background-color: #fff;
		padding: 20upx 30upx;
		display: flex;
		align-items: center;
	}
	.top .top-l {
		flex: 1;
	}
	.top .top-l text:first-child {
		display: block;
		font-size: 48upx;
		color: #333;
	}
	.top .top-l text:last-child {
		background-color: #333333;
		display: inline-block;
		padding: 4upx 8upx;
		color: #fff;
		border-radius: 8upx;
		margin-top: 20upx;
	}
	.top .top-r {
		width: 130upx;
	}
	.top .top-r image {
		width: 130upx;
		height: 130upx;
		background-color: #C3C3C3;
		border-radius: 100%;
	}
	.block1 {
		background-color: #fff;
		margin-top: 20upx;
		padding: 20upx 30upx;
		line-height: 160upx;
	}
	.block1-item {
		height: 160upx;
		overflow: hidden;
		font-size: 34upx;
	}
	.block1-l {
		float: left;
	}
	.block1-r {
		float: right;
		color: #999;
	}
</style>
